<template>
  <div class="carousel">
    <el-carousel :height="content.height" :interval="content.interval" :autoplay='content.autoplay'>
      <el-carousel-item v-for="(item,index) in content.imgLists" :key="index">
        <img :src="item" alt="">
      </el-carousel-item>
    </el-carousel>
  </div>
</template>

<script>
export default {
    data(){
        return {

        }
    },
    props:{
        content:Object
    },
}
</script>

<style lang="less" scoped>
.carousel{
    .el-carousel__container{
        .el-carousel__item{
            img{
                width: 100%  ;
                height: 100%  ;
            }
        }

    }
}
</style>